<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="${rc.contextPath }/css/treeAdd.css" type="text/css" />
	<link rel="stylesheet" href="${rc.contextPath }/css/Widgets.css" type="text/css" />
	<link rel="stylesheet" href="${rc.contextPath }/css/Default.css" type="text/css" />
	<link href="${rc.contextPath }/js/themes/default/default.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="${rc.contextPath}/js/jquery/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="${rc.contextPath}/js/jquery/jquery.form.js" charset="utf-8"></script>
	<script type="text/javascript" src="${rc.contextPath }/js/jquery/jquery.blockUI.js" charset="utf-8"></script>
	<script type="text/javascript" src="${rc.contextPath}/js/kindeditor-min.js" ></script> 
	<script type="text/javascript" src="${rc.contextPath}/js/lightBox.js"></script>
	<script type="text/javascript" src="${rc.contextPath}/js/page.js"></script>
	
	<script type="text/javascript" src="${rc.contextPath }/js/mootools/mootools.js" charset="utf-8"></script>
	<script type="text/javascript" src="${rc.contextPath }/js/mootools/tree.js" charset="utf-8"></script>
	<script type="text/javascript" src="${rc.contextPath }/js/mootools/mif.tree-v1.1.js" charset="utf-8"></script>

	<script type="text/javascript" src="${rc.contextPath}/js/mootools/Start.js" ></script>
	
<style type="text/css">
.div_li_style{height:20px;width:100px;float:left;border:1px solid #ccc;margin-left:15px;font-size:13px;verticle-align:middle;min-height:20px;text-align:center;background-color: #EEEEEE;cursor: pointer;}
.div_li_style_on{height:20px;width:100px;float:left;border:1px solid #ccc;margin-left:15px;font-size:13px;verticle-align:middle;min-height:20px;text-align:center;cursor: pointer;background-color: #ffffff;border-bottom-color: #ffffff;}


.page_control{ padding:10px 5px;width:100%;height:auto !important;height:10px;}
.page_control a{ padding:0 5px; text-decoration:none;margin-right:5px;background-color:#CCC;color:#4164F1;}
.page_control a:hover{ text-decoration:none;margin-right:5px;background-color:#add2da;color:#fff;}
.page_control .on{ text-decoration:none; background-color: #136DA9;color:#fff;}
.f_l{ float:left; font-size:15px; color:#176193}
.f_r{ float:right;font-size:15px; color:#176193}

.tools{margin: 5px; font-style: normal; font-size: 14px; height:25px;}
.tools{text-decoration: none;height: 24px;margin: 0 5px 0 0;background: url('${rc.contextPath}/images/btnout_bg_left.gif') no-repeat left center;float: left;_display: inline;-moz-user-select:none;}
.tools img {margin: 2px 0px 4px 4px;_display: inline;float: left; border: 0px;}
.tools b {cursor:pointer;	white-space: nowrap;color: #666;font-weight: normal;height: 24px;padding:0 3px 0 3px;line-height: 24px;background: url('${rc.contextPath}/images/btnout_bg_right.gif') no-repeat right center;display:inline-block;+zoom: 1;+display: inline;}
.tools:hover {text-decoration: none;background: url('${rc.contextPath}/images/btnover_bg_left.gif') no-repeat left center;}
.tools:hover b {color: #147;background: url('${rc.contextPath}/images/btnover_bg_right.gif') no-repeat right center;}

.text_box{width:181px;height:121px; float:left;margin:5px;}
.text_t{filter:alpha(opacity=70,style=0); opacity:0.7;background:black;width:180px;height:30px;margin-top:-30px; z-index:200;}
.text_t_show{width:180px;height:30px;margin-top:-30px; vertical-align: middle;line-height:30px;text-align:center;z-index:2001;overflow:hidden; color:#ffffff; position: relative;}
.text_bg{filter:alpha(opacity=70,style=0); opacity:0.7;background:black;width:180px;height:120px;margin-top:-120px;z-index:2003; position: relative; display:none;}
.text_bg_t{width:180px;height:120px;margin-top:-120px;vertical-align: middle;line-height:120px;text-align:center;z-index:2005; position: relative; display:none;}
.marquee_t{width:98%;display: inline-block;}
.marquee_t img{margin-top:1.2%;}
.marquee_text{vertical-align: middle;line-height:25px;padding:4px;}
#set_index	{margin-left:10px;color:#db5411;display: inline-block;}
</style>	
</head>

<body>

<div id="left_content">
     <div id="tree_container"></div>
</div>
<div style="position:absolute;left:210px;top:6px;padding: 2px;">
	<table width="100%" cellpadding='0' cellspacing='0'
		style="margin-bottom: 4px;">
		<tr>
			<td>
			<!--  <a href='javascript:void(0);'  class='tools'  tabindex='-1'  id='MovePrevious' ><img src="${rc.contextPath}/images/icon002a13.gif" width="20" height="20" /><b>上移&nbsp;</b></a> -->
			<!--  <a href='javascript:void(0);'  class='tools'  tabindex='-1'  id='MoveNext' ><img src="${rc.contextPath}/images/icon002a7.gif" width="20" height="20" /><b>下移&nbsp;</b></a> -->
			<a href='javascript:void(0);'  class='tools'  tabindex='-1'  id='add_node' ><img src="${rc.contextPath}/images/icon002a2.gif" width="20" height="20" /><b>新建子栏目&nbsp;</b></a>
			<a href='javascript:void(0);'  class='tools'  tabindex='-1'  id='BtnSave'><img src="${rc.contextPath}/images/icon002a4.gif" width="20" height="20" /><b>　保存　</b></a>
			<a href='javascript:void(0);'  class='tools'  tabindex='-1'  id='BtnDel' ><img src="${rc.contextPath}/images/icon002a3.gif" width="20" height="20" /><b>　删除　</b></a>
			<!--  <a href='javascript:void(0);'  class='tools'  tabindex='-1' onselectstart='return false' id='BtnMove' onClick="move();;return false;" priv="article_manage" ><img src="${rc.contextPath}/images/icon002a7.gif" width="20" height="20" /><b>移动&nbsp;</b></a>-->
			<!--  <a href='javascript:void(0);'  class='tools'  tabindex='-1' onselectstart='return false' id='BtnBatchAdd' onClick="batchAdd();;return false;" priv="article_manage" ><img src="${rc.contextPath}/images/icon002a8.gif" width="20" height="20" /><b>批量新建&nbsp;</b></a>-->
			<!--  <a href='javascript:void(0);'  class='tools'  tabindex='-1' onselectstart='return false' id='BtnClean' ><img src="${rc.contextPath}/images/icon002a9.gif" width="20" height="20" /><b>清空&nbsp;</b></a> -->
			<!--  <a href='javascript:void(0);'  class='tools'  tabindex='-1' onselectstart='return false' id='BtnSort' onClick="sortCatalog('8708');;return false;" priv="article_manage" ><img src="${rc.contextPath}/images/icon002a12.gif" width="20" height="20" /><b>排序&nbsp;</b></a> -->
			<a href='javascript:void(0);'  class='tools'  tabindex='-1'  id='BtnPublish'><img src="${rc.contextPath}/images/icon002a1.gif" /><b>　发布　</b></a>
			<a href='javascript:void(0);'  class='tools'  tabindex='-1'  id='BtnCancel'><img src="${rc.contextPath}/images/icon002a8.gif" /><b>取消发布</b></a>
			<a href='javascript:void(0);'  class='tools'  tabindex='-1'  id='BtnExport'><img src="${rc.contextPath}/images/export.gif" width="20" height="20" /><b>　备份　</b></a>
			<a href='javascript:void(0);'  class='tools'  tabindex='-1'  id='BtnImport'><img src="${rc.contextPath}/images/import.gif" width="20" height="20" /><b>　还原　</b></a>
			<!--  <a href='javascript:void(0);'  class='tools'  tabindex='-1' onselectstart='return false' id='BtnCleaningCache' onClick="cleanCache();;return false;" ><img src="${rc.contextPath}/images/icon002a13.gif" /><b>清除缓存&nbsp;</b></a></td> -->
			</td>
		</tr>
	</table>
	<form id="form1" name="form1" action="" method="post">
	<input name="fcolumngp" type="hidden" class="input1" id="fcolumngp" value="" />
	<input name="sort" type="hidden" class="input1" id="sort" value="" />
	<table width="600" border="1" cellpadding="2" cellspacing="0" bordercolor="#eeeeee">
        <tr id="tr_website">
			<td width="22%" height="25">选择操作站点：</td>
			<td width="78%">
			<select  id="fsiteid" name="fsiteid" onchange="getSource(0,1000,this.value)"></select><input id="choose_web" name="choose_web" type="hidden" value="${result}" }/><input id="choose_node" name="choose_node" type="hidden" value="${result1}" }/></td>
		</tr>
		<tr id="tr_ID">
			<td width="22%" height="25">栏目ID：</td>
			<td width="78%"><div id="id_show"></div> <input name="ID" type="hidden" id="ID" value="" /> 
			</td>
		</tr>
		<tr>
			<td>栏目名称：</td>
			<td><input name="fcolumnname" type="text" class="input1" id="fcolumnname" value="" size="30" runat="server"/>
				<span id="set_index"><input type="checkbox" onclick="setIndexPros(this)" id="setIndexPro" style="width:13px;"/>设置到首页显示</span>
			</td>
		</tr>
		
		<tr>
			<td height=25>栏目级别：</td>
			<td><div id="level_show"></div><input name="fcolumnlevel" type="hidden" class="input1" id="fcolumnlevel" value="" />
			</td>
		</tr>
		<tr>
			<td height=25>发布状态：</td>
			<td><div id="check_show"></div><input name="fchecked" type="hidden" class="input1"
				id="fchecked" value="0" /></td>
		</tr>
 		<%-- <tr>
			<td height=25>试图列表：</td>
			<td><select id="articleST" name="articleST"><option value="tl">文字列表</option><option value="itl">图文列表</option></select></td>
		</tr> --%>
		
		<tr>
			<td>栏目图标：</td>
			<td ><input type="text" readonly="readonly" id="ico_prew_url" name="fcolumnurl"/><input type="button"  id="choose_ico" value="选择图标..." onclick="EditArticle.source(1,'图片库',1)" /><br/><br/>  
				<div id="img_prew_show1" style="width:121px;height:121px;display:none;" onmouseover="document.getElementById('img_prew_show_child1').style.display='';" onmouseout="document.getElementById('img_prew_show_child1').style.display='none';">
					<img src="" id="ico_prew1" style="display:none;" width="120px" height="120px" />
					<div id="img_prew_show_child1" onmouseout="this.style.display='none';" style="display:none;width:119px;height:119px;filter:alpha(opacity=50,style=0); opacity:0.5;background:black;margin-top:-119px;text-align:center;vertical-align: middle;line-height:119px;">
						<a href="javascript:void(0)" style="position: relative; color:#ffffff;" onclick="cancelIMG(1)" title="撤销"><b>撤销</b></a>
					</div>
				</div>
			</td>
		</tr>
		<%-- <tr>
			<td>短信字幕(固定)：</td>
			<td>
				<span><textarea id="marquee_text2"  rows="2" cols="50" style="font-size:12px;height:40px;max-height:40px;max-width:280px;float:left;" ></textarea>
				<input type="button" value="添加" style="margin-top:23px;" onclick="EditArticle.addMarquee(2);"/></span><br/><br/><br/>
				<div id="marquee_arr2">
				</div>
			</td>
		</tr> --%>
		<tr>
			<td>栏目说明：</td>
			<td>
				<span><textarea id="marquee_text1"  rows="2" cols="50" style="font-size:12px;height:40px;max-height:40px;max-width:280px;float:left;" ></textarea>
				<input type="button" value="添加" style="margin-top:23px;" onclick="EditArticle.addMarquee(1);"/></span><br/><br/><br/>
				<div id="marquee_arr1">
				</div>
			</td>
		</tr>
		<tr>
			<td>关联图片：</td>
			<td align="left">
				<br />
				<%-- <span style="display:inline-block;width:100px;"><input type="checkbox" onclick="checkLinkT(this)" style="width:13px;" name="linkType" value="link" checked="checked"/>自定义链接</span><span style="display:inline-block;width:100px;"><input type="checkbox" onclick="checkLinkT(this)" style="width:13px;" name="linkType" value="video"/>视频</span> --%>
				<br /><br />
				<span id="iLink">
					   <font style="float:left;">输入链接:</font><input type="text" id="text_link" style="width:340px;" />
				</span>
				<span id="vLink" style="display:none;">
					  <font style="float:left;">视频关联:</font><input type="text" id="video_remark" style="width:150px;" readonly="readonly"/>
					  <input type="button" value="选择视频..." onclick="EditArticle.source(2,'视频库',3)"/>
					  <input type="hidden" id="sendMode" /><input type="hidden" id="mediatype" /><input type="hidden" id="duration" /><input type="hidden" id="videoTitle" />
				</span>
				<br/>
				<div id="img_prew_show3" style="width:121px;height:121px;display:none;" onmouseover="document.getElementById('img_prew_show_child3').style.display='';" onmouseout="document.getElementById('img_prew_show_child3').style.display='none';">
					<img src="/EMSP_CMS/images/imgprew.png" onerror="this.src = '/CMS/images/imgprew.png'" id="ico_prew3" style="display:none;" width="120px" height="120px" />
					<div id="img_prew_show_child3" onmouseout="this.style.display='none';" style="display:none;width:119px;height:119px;filter:alpha(opacity=50,style=0); opacity:0.5;background:black;margin-top:-119px;text-align:center;vertical-align: middle;line-height:119px;">
						<a href="javascript:void(0)" style="position: relative; color:#ffffff;" onclick="cancelIMG(3)" title="撤销"><b>撤销</b></a>
					</div>
				</div>
				<br/>
				<span>
				    <font style="float:left;">图片关联:</font><input type="text" id="img_remark" style="width:150px;" readonly="readonly"/>
					<input type="button"  id="choose_ico" value="选择图片..." onclick="EditArticle.source(1,'图片库',2)" />
					<input type="button" value="添加" onclick="EditArticle.addColImg();"/>
				</span>
				<br/>
				<div id="img_prew_show2" style="width:121px;height:121px;display:none;" onmouseover="document.getElementById('img_prew_show_child2').style.display='';" onmouseout="document.getElementById('img_prew_show_child2').style.display='none';">
					<img src="/EMSP_CMS/images/imgprew.png" onerror="this.src = '/EMSP_CMS/images/imgprew.png'" id="ico_prew2" style="display:none;" width="120px" height="120px" />
					<div id="img_prew_show_child2" onmouseout="this.style.display='none';" style="display:none;width:119px;height:119px;filter:alpha(opacity=50,style=0); opacity:0.5;background:black;margin-top:-119px;text-align:center;vertical-align: middle;line-height:119px;">
						<a href="javascript:void(0)" style="position: relative; color:#ffffff;" onclick="cancelIMG(2)" title="撤销"><b>撤销</b></a>
					</div>
				</div>
				<br/>
			</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td id="col_img">
			</td>
		</tr>
		<tr  style="display:none;">
			<td>栏目首页模板：</td>
			<td><input name="IndexTemplate" type="text" class="input1" id="IndexTemplate" value="" size="30" />
			<input type="button" name="Submit" id="choose" value="选择模板..."  /> 
			
			<!--  onClick="browse('IndexTemplate')" -->
			  
			<span id="IndexTemplateEditBtn"></span><input type="hidden" name="ftemplateguid" value="0"/></td>
		</tr>
	</table>
	<input type="hidden" id="json_source" name="json"/>
	<input type="hidden" id="mar_source" name="marquee" />
	<input type="hidden" id="msg_source" name="messages" />
	</form>
	
	
	</div>
<div  style="padding:5px;width:1;height:480px;display:none;">
	<form id="source_form" action="resouceList" method="post">
		<input type="hidden" id="start" name="start" value="0"/>
		<input type="hidden" id="limit" name="limit" value="9"/>
		<input type="hidden" id="type" name="type" />
	</form>
	<div id="source_div_foot">
		<div class="page_control">
				<span class="f_l" id="totalCount"></span>
				<span class="f_r" id ='pagePanel'></span>
		</div>
	</div>
</div>		
<script type="text/javascript" src="${rc.contextPath}/js/kindeditor-min.js" ></script>	
<script type="text/javascript" src="${rc.contextPath}/js/article/col_ico.js" ></script>
<script type="text/javascript">

var setIndexPro = false;

function setIndexPros(obj){
	if(obj.checked){
		setIndexPro = true;
		jQuery("#mar_source").val('{"marquee":[{"location":"index"}],"name":"marquee"},');
	}else{
		jQuery("#mar_source").val('');
	}
}
</script>
</body>
</html>